$(function () {
  // URL根路径： http://big-event-api-t.itheima.net

  //  引入layui.js后，创建一个对象
  const form = layui.form
  //定义 layui.layer 
  const layer = layui.layer

  // 默认先隐藏
  $('.reg-box').hide()

  // 添加 ‘去注册’ 事件
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })

  // 添加 ‘去登录’ 事件
  $('#link_login').on('click', function () {
    $('.reg-box').hide()
    $('.login-box').show()
  })

  // 自定义验证表单
  form.verify({
    // 自定义密码校验
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

    // 自定义再次检验密码
    repwd: function (value) { //value 表示再次验证密码输入框的内容
      // 需要拿到密码框的内容
      const pwd = $('#pwd').val()
      // 判断两个值是否相同，并在输入框中调用repwd
      if(value !== pwd) return '两次输入的密码不一致'
    }
  })

  // 添加注册按钮的submit事件
  // button 按钮 是没有submit事件，只有点击
  $('#formReg').on('submit', function (e) {
    // 阻止默认提交行为
    e.preventDefault()

    // ajax请求-注册
    const data = {
      username: $('#username').val(),
      password:$('#pwd').val()
    }

    $.ajax({
      type: 'post',
      url: '/api/reguser',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        
        layer.msg(res.message)

        // 注册成功后，跳转到登录页
        $('#link_login').click()
      }
    })
  })

  $('#formLogin').on('submit', function (e) {
    e.preventDefault()

    // 收集全部信息
    const data = $(this).serialize()

    // 登录请求
    $.ajax({
      type: 'POST',
      url: '/api/login',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)
        // 登录成功之后将token的数据存储在本地
        localStorage.setItem('token', res.token)
        // 存储成功后跳转到index页面
        location.href = '/index.html'
      }
    })
  })
})